
<template name="skeleton">
  <view class="sk-container">
    <view class="vue-ref" data-ref="paging">
      <view class="data-v-0f887f1e paging--data-v-0f887f1e z-paging-content paging--z-paging-content z-paging-content-fixed paging--z-paging-content-fixed z-paging-reached-top paging--z-paging-reached-top" style="true">
        <view>
          <view>
            <view>
              <view style="background-image:linear-gradient(90deg,#FFFFFF,#FFFFFF);padding-top:44px;color:#000000;opacity:0" class="header_fixed nav-bar--header_fixed sk-image">
                <view class="header_content nav-bar--header_content">
                  <view class="header_left_box nav-bar--header_left_box">
                    <view class="header_left_info nav-bar--header_left_info">
                      <view class="header_left_back nav-bar--header_left_back">
                        <image class="header_icon nav-bar--header_icon sk-image" mode="aspectFit"></image>
                      </view>
                    </view>
                  </view>
                  <view class="header_title nav-bar--header_title header_title_center nav-bar--header_title_center sk-transparent sk-text-14-2857-264 sk-text" style="color:#000000;">商品详情</view>
                  <view class="header_right_info nav-bar--header_right_info"></view>
                </view>
              </view>
              <view class="header_transparentFixed nav-bar--header_transparentFixed header_fixed nav-bar--header_fixed" style="padding-top:44px;color:#000000;opacity:1;z-index:100;">
                <view class="header_content nav-bar--header_content">
                  <view class="header_left_box nav-bar--header_left_box">
                    <view class="header_left_info nav-bar--header_left_info header_transparentFixed_left_info nav-bar--header_transparentFixed_left_info" style="border: none;">
                      <view class="header_left_back nav-bar--header_left_back">
                        <image class="header_icon nav-bar--header_icon sk-image" mode="aspectFit"></image>
                      </view>
                    </view>
                  </view>
                  <view class="header_right_info nav-bar--header_right_info"></view>
                </view>
              </view>
            </view>
          </view>
        </view>
        <view class="data-v-0f887f1e paging--data-v-0f887f1e zp-view-super paging--zp-view-super zp-scroll-view-super paging--zp-scroll-view-super" style="true">
          <view class="data-v-0f887f1e paging--data-v-0f887f1e zp-scroll-view-container paging--zp-scroll-view-container zp-absoulte paging--zp-absoulte" style="left:0px;right:0px">
            <scroll-view class="data-v-0f887f1e paging--data-v-0f887f1e vue-ref paging--vue-ref zp-scroll-view paging--zp-scroll-view zp-scroll-view-absolute paging--zp-scroll-view-absolute"
              data-ref="zp-scroll-view" lower-threshold="50" refresher-background="transparent" refresher-default-style="black" refresher-threshold="40" scroll-into-view="true" scroll-top="0" scroll-y="true" show-scrollbar="true" upper-threshold="5" enable-back-to-top="true">
              <view class="zp-paging-touch-view paging--zp-paging-touch-view data-v-0f887f1e paging--data-v-0f887f1e">
                <view class="zp-paging-main paging--zp-paging-main data-v-0f887f1e paging--data-v-0f887f1e" data-hastouchmove="false" data-isios="false" data-loading="false" data-oldistouchmoving="true" data-pagescrolltop="0" data-refresheraecc="false"
                  data-refresherenabled="true" data-refreshermaxangle="40" data-refreshernotransform="false" data-refresheroutrate="0.65" data-refresherpullrate="0.75" data-refresherthreshold="40" data-scrolltop="0" data-usechatrecordmode="false" data-usecustomrefresher="true"
                  data-usepagescroll="false" data-watchtouchdirectionchange="false" style="transform:none;transition:transform 0.3s cubic-bezier(0.19,1.64,0.42,0.72);;transform:none;transition:transform 0.3s cubic-bezier(0.19,1.64,0.42,0.72)">
                  <view class="zp-custom-refresher-view paging--zp-custom-refresher-view data-v-0f887f1e paging--data-v-0f887f1e" style="margin-top:-40px;background:transparent;opacity:1;">
                    <view class="zp-custom-refresher-container paging--zp-custom-refresher-container data-v-0f887f1e paging--data-v-0f887f1e" style="height:40px;background:transparent;">
                      <view class="zp-custom-refresher-slot-view paging--zp-custom-refresher-slot-view data-v-0f887f1e paging--data-v-0f887f1e">
                        <scoped-slots-refresher class="scoped-ref paging--scoped-ref"></scoped-slots-refresher>
                      </view>
                      <view class="zp-custom-refresher-refresh paging--zp-custom-refresher-refresh data-v-0f887f1e paging--data-v-0f887f1e vue-ref paging--vue-ref" data-ref="refresh"
                        style="height:40px;">
                        <view class="data-v-9e33a538 refresh--data-v-9e33a538" style="height:100%;">
                          <view class="data-v-9e33a538 refresh--data-v-9e33a538 zp-r-container refresh--zp-r-container">
                            <view class="zp-r-left refresh--zp-r-left data-v-9e33a538 refresh--data-v-9e33a538">
                              <image class="data-v-9e33a538 refresh--data-v-9e33a538 zp-r-left-image refresh--zp-r-left-image zp-r-left-image-pre-size refresh--zp-r-left-image-pre-size zp-r-arrow-down refresh--zp-r-arrow-down sk-image" style="width:15px;height:15px;margin-right:4px"></image>
                            </view>
                            <view class="zp-r-right refresh--zp-r-right data-v-9e33a538 refresh--data-v-9e33a538">
                              <text class="zp-r-right-text refresh--zp-r-right-text data-v-9e33a538 refresh--data-v-9e33a538 sk-transparent sk-text-14-2857-530 sk-text" style="color:#555555">继续下拉刷新</text>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                  <view class="zp-paging-container paging--zp-paging-container data-v-0f887f1e paging--data-v-0f887f1e">
                    <view class="zp-paging-container-content paging--zp-paging-container-content data-v-0f887f1e paging--data-v-0f887f1e" style="transform:none;z-index:10;position:relative">
                      <view>
                        <view>
                          <view class="u-swiper swiper--u-swiper data-v-6b019429 swiper--data-v-6b019429" style="background-color:#FFFFFF;height:500px;border-radius:4px;">
                            <swiper class="u-swiper__wrapper swiper--u-swiper__wrapper data-v-6b019429 swiper--data-v-6b019429" current="0" display-multiple-items="1" duration="300" easing-function="default" interval="3000"
                              next-margin="0px" previous-margin="0px" style="height:500px;" autoplay="false">
                              <swiper-item class="u-swiper__wrapper__item swiper--u-swiper__wrapper__item data-v-6b019429 swiper--data-v-6b019429" style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
                                <view class="u-swiper__wrapper__item__wrapper swiper--u-swiper__wrapper__item__wrapper data-v-6b019429 swiper--data-v-6b019429" style="true">
                                  <image class="u-swiper__wrapper__item__wrapper__image swiper--u-swiper__wrapper__item__wrapper__image data-v-6b019429 swiper--data-v-6b019429 sk-image" mode="aspectFill" style="height:500px;border-radius:4px;"></image>
                                </view>
                              </swiper-item>
                            </swiper>
                            <view class="u-swiper__indicator swiper--u-swiper__indicator data-v-6b019429 swiper--data-v-6b019429" style="true"></view>
                          </view>
                        </view>
                        <view></view>
                        <view></view>
                        <view></view>
                      </view>
                      <view style="position:relative;top:-55px;">
                        <view class="bg-1 u-p-t-40 sk-image" style="padding-bottom:60px;">
                          <view class="u-m-l-70 u-flex">
                            <view class="u-flex-5">
                              <view>
                                <text class="u-font-40 text-bold sk-transparent sk-opacity">¥</text>
                                <text class="u-count-num to--u-count-num data-v-b036c66e to--data-v-b036c66e sk-transparent sk-text-14-2857-953 sk-text" style="font-size: 34px; font-weight: bold; color: rgb(0, 0, 0); background-position-x: 50%;">1,760</text>
                              </view>
                            </view>
                            <view class="u-flex-7 u-m-l-30 u-font-22 u-text-right u-m-r-30">
                              <view>
                                <text class="u-font-34 text-bold sk-transparent sk-text-14-2857-992 sk-text" style="background-position-x: 100%;">全新配方 全新升级</text>
                              </view>
                              <view class="u-m-t-10 u-font-24">
                                <text class="sk-transparent sk-text-14-2857-779 sk-text" style="background-position-x: 100%;">活动截至日期:</text>
                                <text class="u-m-l-20 sk-transparent sk-text-14-2857-288 sk-text" style="background-position-x: 100%;">2023年12月31日</text>
                              </view>
                            </view>
                          </view>
                        </view>
                        <view class="bg-2 u-p-t-10" style="margin-top:-45px;box-shadow:0px 1px 10px #E8E9EA;">
                          <view class="u-m-l-70 u-m-t-40 u-p-b-30">
                            <view class="u-flex">
                              <view>
                                <text class="u-font-30 text-bold sk-transparent sk-text-14-2857-497 sk-text" style="opacity:0.5;">4组可选</text>
                              </view>
                              <view class="u-m-l-20 u-p-10 selected-sku" style="border: none;">
                                <image class="sku-cover sk-image"></image>
                              </view>
                              <view class="u-m-l-20 u-p-10" >
                                <image class="sku-cover sk-image"></image>
                              </view>
                              <view class="u-m-l-20 u-p-10" >
                                <image class="sku-cover sk-image"></image>
                              </view>
                              <view class="u-m-l-20 u-p-10" >
                                <image class="sku-cover sk-image"></image>
                              </view>
                            </view>
                            <view class="u-m-t-30 u-flex">
                              <view class="u-flex-10 u-flex">
                                <view class="u-m-r-10">
                                  <view class="tag sk-transparent sk-text-14-2857-321 sk-text">限时购</view>
                                </view>
                                <view class="u-m-r-10">
                                  <view class="tag sk-transparent sk-text-14-2857-260 sk-text">最高返1.5倍积分</view>
                                </view>
                                <view class="u-m-r-10">
                                  <view class="tag sk-transparent sk-text-14-2857-583 sk-text">双旦活动</view>
                                </view>
                              </view>
                              <view class="u-flex-2 u-flex u-flex-end u-m-r-10">
                                <button app-parameter="true" class="u-button button--u-button u-reset-button button--u-reset-button data-v-2bf0e569 button--data-v-2bf0e569 u-button--info button--u-button--info u-button--circle button--u-button--circle u-button--mini button--u-button--mini sk-button sk-pseudo sk-pseudo-circle"
                                  data-name="true" form-type="true"
                                  hover-class="u-button--active" hover-start-time="0" hover-stay-time="200" hover-stop-propagation="true" lang="en" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true"
                                  style=" color: rgb(255, 255, 255); width: 70px; border: none;">
                                  <view class="u-flex">
                                    <text class="u-m-r-10 u-font-22 sk-transparent sk-text-14-2857-124 sk-text" style="background-position-x: 50%;">领券</text>
                                    <view class="u-icon icon--u-icon data-v-2ee87dc9 icon--data-v-2ee87dc9 u-icon--right icon--u-icon--right">
                                      <text class="u-icon__icon icon--u-icon__icon data-v-2ee87dc9 icon--data-v-2ee87dc9 uicon-play-circle icon--uicon-play-circle sk-transparent sk-text-0-0000-899 sk-text" style="font-size: 16px; line-height: 16px; font-weight: normal; top: 0px; color: rgb(255, 255, 255); background-position-x: 50%;"></text>
                                    </view>
                                  </view>
                                </button>
                              </view>
                            </view>
                            <view class="u-m-t-30">
                              <text class="u-font-34 text-bold sk-transparent sk-text-14-2857-775 sk-text">会员专享装 700g*5 罐 CBP成长加持 高钙高吸收</text>
                            </view>
                            <view class="u-m-t-30 u-m-r-10 u-p-10 b-r-10 u-flex" style="background-color:#FFEBEB;">
                              <view class="u-flex-2 u-p-l-10 u-p-r-10 b-r-10 u-p-t-5 u-p-b-5 u-text-center" style="line-height:20px;background-color:#FFEBEB;color:#FFFFFF;">
                                <image style="width:11px;height:11px;" class="sk-image"></image>
                                <text class="u-font-22 u-m-l-10 sk-transparent sk-text-22-5000-421 sk-text" style="background-position-x: 50%;">热销值</text>
                              </view>
                              <view class="u-flex-9 u-m-l-20 text-red text-bold u-font-26">
                                <text class="sk-transparent sk-text-14-2857-903 sk-text">当前热销</text>
                                <text class="u-m-l-10 sk-transparent sk-text-14-2857-558 sk-text">489</text>
                              </view>
                              <view class="u-flex-1 u-flex u-flex-end">
                                <view class="u-icon icon--u-icon data-v-2ee87dc9 icon--data-v-2ee87dc9 u-icon--right icon--u-icon--right">
                                  <text class="u-icon__icon icon--u-icon__icon data-v-2ee87dc9 icon--data-v-2ee87dc9 uicon-play-circle-fill icon--uicon-play-circle-fill sk-transparent sk-text-0-0000-57 sk-text" style="font-size:16px;line-height:16px;font-weight:normal;top:0px;color:#FF4747"></text>
                                </view>
                              </view>
                            </view>
                          </view>
                        </view>
                        <view class="bg-white u-p-l-70 u-m-b-40 u-m-t-40 u-flex" >
                          <view class="u-flex-3">
                            <text class="u-font-32 sk-transparent sk-text-14-2857-451 sk-text">选择规格</text>
                          </view>
                          <view class="u-flex-8" style="opacity:0.5;">
                            <text class="sk-transparent sk-opacity">(</text>
                            <text class="sk-transparent sk-text-14-2857-132 sk-text">已选择:</text>
                            <text class="u-m-l-10 sk-transparent sk-text-14-2857-51 sk-text">会员专享装</text>
                            <text class="sk-transparent sk-opacity">)</text>
                          </view>
                          <view class="u-flex-1">
                            <view class="u-icon icon--u-icon data-v-2ee87dc9 icon--data-v-2ee87dc9 u-icon--right icon--u-icon--right" >
                              <text class="u-icon__icon icon--u-icon__icon data-v-2ee87dc9 icon--data-v-2ee87dc9 uicon-arrow-right icon--uicon-arrow-right sk-transparent sk-text-0-0000-412 sk-text" style="font-size:16px;line-height:16px;font-weight:normal;top:0px;color:#606266"></text>
                            </view>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </view>
            </scroll-view>
          </view>
        </view>
        <view>
          <view class="u-p-20 u-flex bg-white">
            <view class="u-flex-1 u-text-center">
              <button hover-class="none" open-type="contact" plain="true" size="mini" style="border:0px;" class="sk-button sk-pseudo sk-pseudo-circle">
                <view class="u-icon icon--u-icon data-v-2ee87dc9 icon--data-v-2ee87dc9 u-icon--right icon--u-icon--right" >
                  <text class="u-icon__icon icon--u-icon__icon data-v-2ee87dc9 icon--data-v-2ee87dc9 uicon-server-fill icon--uicon-server-fill sk-transparent sk-text-0-0000-47 sk-text" style="font-size: 28px; line-height: 28px; font-weight: normal; top: 0px; color: rgb(96, 98, 102); background-position-x: 50%;"></text>
                </view>
              </button>
              <view class="u-font-22 u-p-t-5 sk-transparent sk-text-14-2857-859 sk-text" style="background-position-x: 50%;">客服</view>
            </view>
            <view class="u-flex-2 u-flex u-flex-end">
              <button app-parameter="true" class="u-button button--u-button u-reset-button button--u-reset-button data-v-2bf0e569 button--data-v-2bf0e569 u-button--info button--u-button--info u-button--circle button--u-button--circle u-button--normal button--u-button--normal sk-button sk-pseudo sk-pseudo-circle"
                 data-name="true" form-type="true" hover-class="u-button--active"
                hover-start-time="0" hover-stay-time="200" hover-stop-propagation="true" lang="en" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true" style="background-color: rgb(255, 177, 67); color: rgb(255, 255, 255); border: none;">
                <text class="u-button__text button--u-button__text data-v-2bf0e569 button--data-v-2bf0e569 sk-transparent sk-text-0-0000-867 sk-text" style="font-size: 14px; background-position-x: 50%;">立即购买</text>
              </button>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
</script>

<style>
	
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-14-2857-264 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: absolute !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-14-2857-530 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-opacity {
	    opacity: 0 !important;
	  }
	.sk-text-14-2857-953 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 95.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-992 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 47.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-779 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-288 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-497 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 42.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-321 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-260 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-583 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-124 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.8000rpx;
	    position: relative !important;
	  }
	.sk-text-0-0000-899 {
	    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
	    background-size: 100% 32.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-775 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 47.6000rpx;
	    position: relative !important;
	  }
	.sk-text-22-5000-421 {
	    background-image: linear-gradient(transparent 22.5000%, #EEEEEE 0%, #EEEEEE 77.5000%, transparent 0%) !important;
	    background-size: 100% 40.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-903 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-558 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-0-0000-57 {
	    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
	    background-size: 100% 32.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-451 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-132 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-51 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-0-0000-412 {
	    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
	    background-size: 100% 32.0000rpx;
	    position: relative !important;
	  }
	.sk-text-0-0000-47 {
	    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
	    background-size: 100% 56.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-859 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.8000rpx;
	    position: relative !important;
	  }
	.sk-text-0-0000-867 {
	    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-button {
	    color: #EFEFEF !important;
	    background: #EFEFEF !important;
	    border: none !important;
	    box-shadow: none !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-pseudo::before, .sk-pseudo::after {
	      background: #EFEFEF !important;
	      background-image: none !important;
	      color: transparent !important;
	      border-color: transparent !important;
	    }
	.sk-pseudo-rect::before, .sk-pseudo-rect::after {
	      border-radius: 0 !important;
	    }
	.sk-pseudo-circle::before, .sk-pseudo-circle::after {
	      border-radius: 50% !important;
	    }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }

</style>